import React from 'react';
import { EChartsOption } from 'echarts'
import Echart from './index';

function Bing(props) {
    const option = {
        tooltip: {
            trigger: 'item'
          },
          legend: {
            top: '1%',
            left: 'center'
          },
          series: [
            {
              name: '实时数据',
              type: 'pie',
              radius: ['40%', '70%'],
              avoidLabelOverlap: false,
              label: {
                show: false,
                position: 'center'
              },
              emphasis: {
                label: {
                  show: true,
                  fontSize: '20',
                  fontWeight: 'bold'
                }
              },
              labelLine: {
                show: false
              },
              data: [
                { value: 10, name: '中高风险地区' },
                { value: 37, name: '低风险地区' },
                { value: 10, name: '密接管理' },
                { value: 3, name: '确诊管理' },
              ]
            }
          ]
    }
    return (
       <Echart option={option}/>
    );
}

export default Bing;